React DOM 支持所有浏览器内置的 HTML 和 SVG 组件

Common components

所有内置浏览器组件（如 <div>）都支持一些常见的 props 和事件

<div className="wrapper">Some content</div>

React/React DOM 特有 props：

• children：一个 React Node（一个 element、portal、string、number、boolean、null、undefined，或其他 React Node 的数组）指定组件内的内容
  • 当使用 JSX 时，通常会通过嵌套标签（如 <div><span /></div>）隐式指定 children 属性
• angerouslySetInnerHTML：形式为 { __html: '<p>some html</p>' } 的对象，内部包含原始 HTML 字符串
  • 覆盖 DOM 节点的 [[002.DOM：节点与集合#innerHTML|innerHTML]] 属性并在内部显示传递的 HTML
  • 使用此方法时应格外小心！如果内部的 HTML 不受信任（如：基于用户数据），则将面临引入 [[013.XSS 攻击|XSS]] 漏洞的风险
• ref：来自 [[002.前端/008.前端框架/001.React/001.官方文档/001.React/001.Hooks#useRef|useRef]] 或 createRef（过时） 的 ref 对象，或 ref 回调函数，或 ref 字符串（过时）。ref 将填充该节点的 DOM 元素
• suppressContentEditableWarning：Boolean
  • true：禁止 React 对同时具有 children 和 contentEditable={true} 的元素显示警告（通常不能一起使用）
  • 如果您正在构建手动管理 contentEditable 内容的文本输入库，请使用此 prop 抑制警告
• suppressHydrationWarning：Boolean。使用服务器渲染时，当服务器和客户端渲染不同的内容时会出现警告。在某些罕见的情况下（例如时间戳），很难或不可能保证精确匹配
  • true：不会警告该元素的属性、内容不匹配
  • 它只能工作一层深度，旨在用作逃生舱口，不要过度使用它。了解如何抑制水合错误

标准 DOM 属性：